body, html, ul{ margin: 0; padding: 0;}
body{ font-family: "Microsoft YaHei"; color: #55565a; max-width: 100%; overflow-x: hidden;}
.transtion{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
body a,body a span{ color: #55565a; font-family: 'Microsoft YaHei'; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
a:hover,a:hover span{ text-decoration:none !important; transition:color 0.6s; -moz-transition:color 0.6s; -webkit-transition:color 0.6s; -o-transition:color 0.6s;}
li,ol{ list-style: none;}
img{ /*width: 100%;*/ max-width: 100%;}
.wordspace{ display: block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.fl{ float: left;}
.fr{ float: right;}
.cl{ clear: both;}
.div_show{ display: block;}
.div_hide{  display: none;}
.wap_img{ display:none;}
.heigt_auto{ height: auto; overflow: hidden;}
.fl100{ float: left; width: 100%;}
.wap_img{ display: none;}
.wd1400{ max-width:1400px; margin: 0 auto;}
.font12{ font-size: 12px;}
.font16{ font-size: 16px;}
.font18{ font-size: 16px;}
.font20{ font-size: 20px;}
.font24{ font-size: 24px;}
.font48{ font-size: 48px !important;}
.font32{ font-size: 32px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
.color8{ color: #888 !important;}
.color3{ color: #333;}
.color6{ color: #666;}
.color_blue{ color: #16277d;}
.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.media_about .imghover{height:auto!important;}

/*header*/
.h_top{ height: 68px;}
.logo{ min-width: 143px;}
.h_click{ padding-top: 24px; display:inline-flex;}
.h_click a{ display: inline-block; width: 20px; height: 20px; margin-left:26px;}
.h_click0{ background: url("../images/h_ac0.png") no-repeat;}
.h_click1{ background: url("../images/h_ac1.png") no-repeat;}
.h_click2{ background: url("../images/h_ac2.png") no-repeat;}
.h_click3,
.h_click_web{ background: url("../images/h_ac3.png") no-repeat;}
.h_click_web{display:none !important;}
/*.h_click a.h_click3{ display: none;}*/
.h_d{ background-color: #55565a;}
.h_down{ height: 58px;}


/*右侧弹框*/
.top_tk{ position: fixed; top: 0; right:-360px; z-index: 3000; background-color: #16277d; color: #fff; width:360px; /*transform:translateX(460px);*/ height: 100%; max-height: 100%; overflow-y: auto;}
.top_tkshow{ float:left; width:100%;padding:10%;}
.top_tkicon{ width:37%; min-width: 30px;}
.top_tkwx{ width: 40%;}
.top_tktitle img{  display:inline-table;width: 6.5%; min-width:14px; margin-left: 3%; vertical-align: middle; cursor: pointer;position:absolute;right:10px;top:10px;}
.top_shico img{ display:inline-table; min-width:24px; width: 10%; margin-left: 12px; vertical-align: middle;}
.top_tkbox{ padding-top: 5%;}
.top_tklist{ padding-top:2%;}
.top_tklist li{ line-height: 1.8;}
.top_tklist li a{ color: #fff; opacity:0.5;}
.top_tklist li a:hover{ color: #fff !important; opacity:1 !important;}
.top_shico{ padding: 8% 0 5%;}
.top_tkwx{ padding:2%; background-color: #fff;}

/*wap-head*/
.wap_sub{ display: none; position: absolute; top: 68px; left:0; z-index: 1000; width: 100%; background-color: #fff;}
.wap_sub li{ border-bottom: 1px solid #e7e7e7; text-align: center;}
.wap_sub a{ display: block; padding: 2.4% 0; color: #000; font-size: 15px;}


/*footer*/
.footer{ background-color: #55565a;}
.foot_t{ padding: 2% 0;}
.foot_nav{ width:76%; display:inline-table;}
.foot_nav dl{ float: left; width: 16.666666%;}
.foot_nav dt a{ color: #fff;}
.foot_nav dt{ padding: 4% 0 8%;}
.foot_nav dd{ line-height:240%;}
.foot_nav dd a{ color: #cacaca;}
.footer a:hover{ color: #fff !important;}
.foot_ftel{ color: #fff; font-weight: bold; font-size: 28px; line-height:1.6; border-bottom: 1px solid #66676b;}
.foot_fall{color: #cacaca; line-height:2; padding-top: 2%;}
.foot_c{ padding: 1% 0; border-top: 1px solid #66676b; border-bottom: 1px solid #66676b;}
.foot_img{ _border-left:1px solid #66676b;}
.foot_img li{ float: left; width:13.6667%; _border-right:1px solid #66676b;position:relative;}
.foot_d{ padding: 1.6% 0;}
.foot_d,.foot_dclcik a{ color: #cacaca;}
.foot_dclcik a{ padding: 0 10px;}
.foot_wap.foot_nav dd{ display: none; padding: 1.6% 0; border-bottom:1px solid #66676b;}
.foot_wap dd a{ display: block; width: 100%;}
.foot_wap{ display: none;}
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
.foot_img li img{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.foot_img li:hover img{opacity:0;filter:Alpha(opacity=0);}
.foot_img li:hover img.rollover{opacity:1;filter:Alpha(opacity=100);}
.foot_img li a{display:block;width:154px;height:24px;position:relative;margin:0 auto;color:#FFF;}


/*文字缩展*/
.scrollBox{line-height:25px;padding:0 0 20px;position:relative;overflow:hidden;}
.scrollBox .more{display:block;line-height:20px;color:#888;position:absolute;right:0px;bottom:0px;display:none;}
.custorm_comfor.scrollBox .scrollBlock{height:75px;overflow:hidden;}
.custorm_joinfor .scrollBox .scrollBlock{height:50px;overflow:hidden;}
.custorm_joinfor .scrollBox .more{color:#888;}
.scrollBlock p{margin:0px;}

.copyright{text-align: center;width: 100%;}

/*客服中心*/
.Customer {margin:30px auto;}
.Customer h1 { position:relative; margin:64px 0 30px;font-weight:normal; }
.Customer h1 div { font-size:30px; color:#4a4a4a; height:30px; line-height:30px; text-align:center }
.Customer .more-v { text-align:center; width:100%; height:21px; margin-top:-20px }
.Customer .more-v a { color:#274e9b; font-size:12px; cursor:pointer }
.Customer .more-v a:hover { text-decoration:none; color:#0087cc }
.Customer .container {}
.Customer .container .server-item { display:block; width:24%; height:283px; color:#505050; border:1px solid #00b0f0; border-radius:2px; margin-right:15px; margin-bottom:20px; cursor:pointer }
.Customer .container .server-item:nth-child(4n+4) {
margin-right:0
}
.Customer .container .server-item .icon { display:block; width:100%; height:75px; line-height:75px; text-align:center; margin-top:44px }
.Customer .container .server-item .icon .img { width:75px; height:75px; vertical-align:middle;margin:0 auto;}
.Customer .container .server-item h2 { font-size:24px; color:#142341; line-height:24px; margin:22px auto 8px; text-align:center; font-weight:normal;}
.Customer .container .server-item h3 { font-size:14px; color:#9b9b9b; line-height:14px; text-align:center; margin:10px auto;font-weight:normal;}
.Customer .container .server-item:hover { color:#142341!important; border:1px solid #e0620d; text-decoration:none }
.Customer .container .tabs-nav { width:895px; height:42px; border-bottom:1px solid #f2f2f2 }
.Customer .container .tabs-nav li { float:left; overflow:hidden; margin-right:90px }
.Customer .container .tabs-nav li a { display:inline-block; width:100%; height:42px; line-height:42px; text-align:center; color:#323232; font-size:24px; cursor:pointer }
.Customer .container .tabs-nav li .active, .Customer .container .tabs-nav li a:hover { text-decoration:none; color:#e0620d; border-bottom:2px solid #e0620d }
.Customer .container .tabs-nav li:nth-last-child(1) {
margin-right:0
}
.Customer .container .tabs-nav .active { color:#e0620d }
.Customer .container .tab-detail { padding-left:10px; color:#505050; padding-bottom:10px }
.Customer .container .tab-detail h2 { height:14px; line-height:14px; padding:24px 0 10px; font-size:14px; color:#333; font-weight:700 }
.Customer .container .tab-detail p { height:14px; line-height:14px; font-size:12px; padding-bottom:6px; color:#505050 }
.Customer .container .tab-detail p a { cursor:pointer; color:#666 }
.Customer .container .tab-detail p a:hover { color:#e0620d }

.Customer .container .contactbox { width:24%; height:255px; float:left; margin-right:15px; margin-bottom:80px; border-radius:2px; border:1px solid #ccc }
.Customer .container .contactbox:nth-last-child(1) {
margin-right:0
}
.Customer .container .contactbox:hover { border:1px solid #00b0f0; }
.Customer .container .contactbox:hover .icon { margin-top:24px }
.Customer .container .contactbox .icon { display:block; margin-top:28px; width:100%; height:40px; line-height:40px; text-align:center }
.Customer .container .contactbox .icon img { vertical-align:middle;margin:0 auto; }
.Customer .container .contactbox h2 { margin-top:20px; height:23px; line-height:23px; margin-bottom:22px; font-size:23px; color:#555; text-align:center;font-weight:normal; }
.Customer .container .contactbox h3 { margin-bottom:10px; font-size:12px; height:12px; line-height:12px; color:#888; text-align:center;font-weight:normal; }
.Customer .container .contactbox .contact-a { display:block; width:128px; height:35px; text-align:center; line-height:33px; border-radius:2px; border:1px solid #ccc; color:#666; cursor:pointer; font-size:14px; margin:15px auto }
.Customer .container .contactbox .contact-a:hover { background:#00b0f0; color:#fff; border-color:#00b0f0; text-decoration:none }

@media (max-width: 640px) {

.Customer {margin:30px auto;}
.Customer h1 { position:relative; margin:64px 0 30px;font-weight:normal; }
.Customer h1 div { font-size:30px; color:#4a4a4a; height:30px; line-height:30px; text-align:center }
.Customer .more-v { text-align:center; width:100%; height:21px; margin-top:-20px }
.Customer .more-v a { color:#274e9b; font-size:12px; cursor:pointer }
.Customer .more-v a:hover { text-decoration:none; color:#0087cc }
.Customer .container {}
.Customer .container .server-item { display:block; width:100%; height:283px; color:#505050; border:1px solid #00b0f0; border-radius:2px; margin-right:15px; margin-bottom:20px; cursor:pointer }
.Customer .container .server-item:nth-child(4n+4) {
margin-right:0
}
.Customer .container .server-item .icon { display:block; width:100%; height:75px; line-height:75px; text-align:center; margin-top:44px }
.Customer .container .server-item .icon .img { width:75px; height:75px; vertical-align:middle;margin:0 auto;}
.Customer .container .server-item h2 { font-size:24px; color:#142341; line-height:24px; margin:22px auto 8px; text-align:center; font-weight:normal;}
.Customer .container .server-item h3 { font-size:14px; color:#9b9b9b; line-height:14px; text-align:center; margin:10px auto;font-weight:normal;}
.Customer .container .server-item:hover { color:#142341!important; border:1px solid #e0620d; text-decoration:none }
.Customer .container .tabs-nav { width:895px; height:42px; border-bottom:1px solid #f2f2f2 }
.Customer .container .tabs-nav li { float:left; overflow:hidden; margin-right:90px }
.Customer .container .tabs-nav li a { display:inline-block; width:100%; height:42px; line-height:42px; text-align:center; color:#323232; font-size:24px; cursor:pointer }
.Customer .container .tabs-nav li .active, .Customer .container .tabs-nav li a:hover { text-decoration:none; color:#e0620d; border-bottom:2px solid #e0620d }
.Customer .container .tabs-nav li:nth-last-child(1) {
margin-right:0
}
.Customer .container .tabs-nav .active { color:#e0620d }
.Customer .container .tab-detail { padding-left:10px; color:#505050; padding-bottom:10px }
.Customer .container .tab-detail h2 { height:14px; line-height:14px; padding:24px 0 10px; font-size:14px; color:#333; font-weight:700 }
.Customer .container .tab-detail p { height:14px; line-height:14px; font-size:12px; padding-bottom:6px; color:#505050 }
.Customer .container .tab-detail p a { cursor:pointer; color:#666 }
.Customer .container .tab-detail p a:hover { color:#e0620d }

.Customer .container .contactbox { width:100%; height:255px; float:left; margin-right:5px; margin-bottom:80px; border-radius:2px; border:1px solid #ccc }
.Customer .container .contactbox:nth-last-child(1) {
margin-right:0
}
.Customer .container .contactbox:hover { border:5px solid #00b0f0; }
.Customer .container .contactbox:hover .icon { margin-top:24px }
.Customer .container .contactbox .icon { display:block; margin-top:28px; width:100%; height:40px; line-height:40px; text-align:center }
.Customer .container .contactbox .icon img { vertical-align:middle;margin:0 auto; }
.Customer .container .contactbox h2 { margin-top:20px; height:23px; line-height:23px; margin-bottom:22px; font-size:23px; color:#555; text-align:center;font-weight:normal; }
.Customer .container .contactbox h3 { margin-bottom:10px; font-size:12px; height:12px; line-height:12px; color:#888; text-align:center;font-weight:normal; }
.Customer .container .contactbox .contact-a { display:block; width:128px; height:35px; text-align:center; line-height:33px; border-radius:2px; border:1px solid #ccc; color:#666; cursor:pointer; font-size:14px; margin:15px auto }
.Customer .container .contactbox .contact-a:hover { background:#00b0f0; color:#fff; border-color:#00b0f0; text-decoration:none }

}

.warp_all h1{font-size:22px;font-weight:bold;}
.warp_all .empl_telbox p{line-height:25px;}

/*帮助*/

@media (min-width: 1200px){
	.helpcontainer{
		width:95%;
	}


	.helpcontainer .col-md-2{width:20%;border-right:1px solid #ddd;}
	.helpcontainer .col-md-10{width:73%;margin-left:5%}

	.helpcontainer .col-md-2 .list-unstyled li:first-child{
		line-height:36px;
		height:36px;
		font-weight:bold;
		font-size:22px;
		color:#00b0f0
	}

	.helpcontainer .col-md-2 .list-unstyled li{
		line-height:36px;
		height:36px;


	}

	.helpcontainer .col-md-2 .list-unstyled li:hover{
		text-decoration:underline;

	}
	
}


.num_grow li{width:25%;float:left;margin-top:50px;}
.counter{color:#333;font-size:40px;line-height:30px;}